<template>
  <div class="group-switch" @click="change">
    {{ !value ? '关闭说明': '打开说明' }}
  </div>
</template>

<script>
export default {
  name: 'Hide',
  props: {
    value: {
      type: Boolean,
      default: true
    }
  },
  methods: {
    change() {
      // console.log(this.value)
      this.$emit('changeSwitch')
    }
  }
}
</script>

<style scoped lang="stylus">
.group-switch
  position fixed
  top 10px
  right 10px
  z-index 2000
  background $main_color
  padding 5px 10px
</style>
